<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="a" uri="/WEB-INF/app.tld"%>
<a:body>
	<jsp:attribute name="csstype">dashboard</jsp:attribute>
</a:body>
<style>
	#releaseHw{
		float:right;
	}
	.spanTips{
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.divgroup{
		display: block;
		margin: 2px,auto;
	}
	.tdTips{
		height: 30px;
		text-align: right;
		word-break:keep-all; /* for ie */  
		white-space:nowrap; /* for chrome */
	}
	.circularDiv{
		float: left;
		display: inline-block;
		width: 20px; 
		height: 20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		border: 1px solid gainsboro;
		color:white;
		background-color: #cd7a03;
	}
	.circularDiv2{
		float: left;
		display: inline-block;
		width: 20px; 
		height: 20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		border: 1px solid gainsboro;
		color:#cd7a03;
		background-color: gainsboro;
	}
</style>
<div class="bodywrapper">
	<div class="centercontent">
        <div class="pageheader">
            <!-- <h1 class="pagetitle">发布中</h1>
            <span class="pagedesc">待发布</span> -->
            <a id="releaseHw" href="web/releasehwork" class="btn btn2 btn_blue btn_cloud"><span>发布作业</span></a>
            <!-- web/releasehwork -->
            <ul class="hornav">
                <li class="current"><a href="#updates">发布中</a></li>
                <li><a href="#activities">待发布</a></li>
            </ul>
            
        </div><!--pageheader-->
        
        <div id="contentwrapper" class="contentwrapper">
        
        	<div id="updates" class="subcontent">
        		<ul class="shortcuts">
        			<c:forEach var="item" items="${respdata.map['ReleasingHw']}"  varStatus="itemStatus">
                        	<li>
                        		<div class="polaroid">  
  									<img src="${item.icon}" alt="Norway" style="width:100%">
  									<div class="container">
    									<p id="coursetip_${itemStatus.index}" class="rectangle" >${item.cname}</p>  
    									<div class="temp" style="display: none">${item.personsum}</div>
    									<div class="container_child">
    										<span>${item.hname}</span><br/>
    										<span>${item.classname}</span>
    									</div>
  									</div>
								</div>
							</li>
					</c:forEach>
                </ul>
        	</div>
        	
        	<div id="activities" class="subcontent" style="display: none;">
        	<c:choose>
        		<c:when test="${empty respdata.map['NoReleaseHw']}">
            	<h1>nimade</h1>
                </c:when>
                <c:otherwise>
                	<ul class="shortcuts">
        			<c:forEach var="item" items="${respdata.map['ReleasingHw']}"  varStatus="itemStatus">
                        	<li>
                        		<div class="polaroid">  
  									<img src="${item.icon}" alt="Norway" style="width:100%">
  									<div class="container">
    									<p id="coursetip_${itemStatus.index}" class="rectangle" >${item.cname}</p>  
    									<div class="temp" style="display: none">${item.personsum}</div>
    									<div class="container_child">
    										<span>${item.hname}</span><br/>
    										<span>${item.classname}</span>
    									</div>
  									</div>
								</div>
							</li>
					</c:forEach>
                	</ul>
                </c:otherwise>
        	</c:choose>
        	</div><!-- #activities -->
        	<div class="wigettable">
        	<div class="contenttitle2 nomargintop">
                            <h3>作业管理</h3>
            </div><!--contenttitle-->
			<div class="tableoptions">
                	<button class="deletebutton radius3" title="table2">Delete Selected</button> &nbsp;
                    <select class="radius3" id="academicCbx">
                    </select> &nbsp;
                    <select class="radius3" id="courseCbx">
                    </select> &nbsp;
                    <select class="radius3" id="classCbx">
                    </select> &nbsp;
                    <button class="radius3" id="checkBtn">查询</button>
                </div><!--tableoptions-->	
                <table cellpadding="0" cellspacing="0" border="0" id="table2" class="stdtable stdtablecb">
                    <colgroup>
                        <col class="con0" style="width: 4%" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                        <col class="con1" />
                        <col class="con0" />
                    </colgroup>
                    <thead>
                        <tr>
                         	<th class="head0" style="display:none"></th>
	<!--<input type="checkbox" class="checkall" />-->
                            <th class="head1">课程编号</th>
                            <th class="head0">课程名称</th>
                            <th class="head1">课程班级</th>
                            <th class="head0">作业名称</th>
                            <th class="head1">状态</th>
                            <th class="head0">开始时间</th>
                            <th class="head1">结束时间</th>
                            <th class="head0">&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody id="hwTable">
                    </tbody>
                    
                </table>
               </div>
     	</div>
	</div>
	<div id="hwobj" style="display: none;padding-top: 30px;">
		<table>
			<tbody>
				<tr>
					<td class="tdTips">
						<span class="spanTips">作业类型</span>
					</td>
					<td>
						&nbsp;
                    	<select class="radius3">
                    		<option value="1">视频作业</option>
                    		<option value="2">普通作业</option>
                    		<option value="3">提交文件作业</option>
                    		<option value="4">口头布置线下作业</option>
                    	</select>
					</td>
				</tr>
				<tr>
					<td class="tdTips">
						<span class="spanTips">课程</span>
					</td>
					<td>
						<ul class="buttonlist" id="courseTab">
						</ul>
					</td>
				</tr>
				<tr>
					<td class="tdTips">
						<span class="spanTips">班级</span>
					</td>
					<td>
						<div id="xzbTabDiv">
							<ul class="buttonlist">
							</ul>
						</div>
						
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<script type="text/javascript" src="js/plugins/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/manager/homework.js"></script>
<script type="text/javascript" src="js/custom/tables.js"></script>
<script type="text/javascript" src="js/layer.js"></script>